<template>
	<div>
		<van-nav-bar :title="$route.meta.title" left-arrow @click-left="onClickLeft" />
		<div class="UserCollectIndex">
			<van-card
				desc="湖南经典特色菜，口感绵软细化，味道香辣无敌，吃过后齿颊留香，不把肚子撑饱绝不罢休"
				title="油淋辣椒擂皮蛋"
				thumb="http://images.weserv.nl/?url=https://i2.chuimg.com/1cb3b6b38e1f477d861f7994ce624b0a_3414w_2560h.jpg?imageView2/1/w/215/h/136/interlace/1/q/90"
			>
				<template #tags>
					<van-tag plain type="danger">皮蛋</van-tag>
					<van-tag plain type="danger">小炒</van-tag>
				</template>
				<template #footer>
					<van-button>立即动手</van-button>
					<van-button @click="jumpOrderIngredientsIndex">购买食材</van-button>
				</template>
			</van-card>
			<van-card
				desc="湖南经典特色菜，口感绵软细化，味道香辣无敌，吃过后齿颊留香，不把肚子撑饱绝不罢休"
				title="油淋辣椒擂皮蛋"
				thumb="http://images.weserv.nl/?url=https://i2.chuimg.com/1cb3b6b38e1f477d861f7994ce624b0a_3414w_2560h.jpg?imageView2/1/w/215/h/136/interlace/1/q/90"
			>
				<template #tags>
					<van-tag plain type="danger">皮蛋</van-tag>
					<van-tag plain type="danger">小炒</van-tag>
				</template>
				<template #footer>
					<van-button>立即动手</van-button>
					<van-button @click="jumpOrderIngredientsIndex">购买食材</van-button>
				</template>
			</van-card>
			<van-card
				desc="湖南经典特色菜，口感绵软细化，味道香辣无敌，吃过后齿颊留香，不把肚子撑饱绝不罢休"
				title="油淋辣椒擂皮蛋"
				thumb="http://images.weserv.nl/?url=https://i2.chuimg.com/1cb3b6b38e1f477d861f7994ce624b0a_3414w_2560h.jpg?imageView2/1/w/215/h/136/interlace/1/q/90"
			>
				<template #tags>
					<van-tag plain type="danger">皮蛋</van-tag>
					<van-tag plain type="danger">小炒</van-tag>
				</template>
				<template #footer>
					<van-button>立即动手</van-button>
					<van-button @click="jumpOrderIngredientsIndex">购买食材</van-button>
				</template>
			</van-card>
		</div>
	</div>
</template>

<script>
export default {
	name: 'UserDietIndex',
	data() {
		return {
			radio: '1',
		};
	},
	methods: {
		onClickLeft() {
			this.$router.go(-1);
		},
		onClickRight() {
			this.$store.commit('changeUserPageShow');
		},
		jumpOrderIngredientsIndex() {
			this.$router.push('/OrderIngredients');
		},
	},
};
</script>

<style scoped>
h1 {
	font-weight: 400;
}
</style>
